<html>
<head>
</head>

<body>
	<wicket:panel>
		<div class="es-subPanel" style="width:700px;">
			<wicket:enclosure child="addComponent">
			<div style="width:700px;">
				<div style="font-weight:bold;float:right;margin-bottom:5px;padding:3px 10px;background-color:#ffc;border:1px solid #deddef;">
					<a href="#" wicket:id="addComponent"> + Add Component</a>
				</div>
				<div style="clear:both"></div>
			</div>
			</wicket:enclosure>
			<div class="stripes" style="width:650px;">
				<table style="width:700px;">
					<tr>
						<td style="font-weight:bold;">Name</td>
						<td style="font-weight:bold;">Type</td>									
						<td style="font-weight:bold;">Maximum marks</td>			
						<td style="font-weight:bold;">Course weightage</td>
						<td style="width:50px;"></td>
					</tr>
					<tr wicket:id="gradeItemLV">
						<td wicket:id="gradeItemName">Mid-term Examinations</td>
						<td wicket:id="gradeItemType">Examination</td>
						<td wicket:id="maxMarks">100</td>
						<td wicket:id="weightage">30%</td>
						<td style="padding:0;width:50px;">
							<div style="width:50px;margin-top:5px;">
								<a href="#" wicket:id="editLink">Edit</a>
							</div>
							<div style="width:50px;margin-top:5px;">
								<a href="#" wicket:id="viewGrades">View</a>
							</div>
						</td>
					</tr>
				</table>						
			</div>
		</div>	
	</wicket:panel>
</body>
</html>